<template>
  <div class="w-10 f-48 bk-c-w">
    <div class="w-10 t-a-c logo-ct">
      <img src="/static/images/my-icon-h.png" class="logo-img">
      <div class="top-title">社 保 对 你 很 重 要</div>
    </div>
    <div class="block-ct" @click="navToUs">
      <div class="flex-c jc-sb item-ct">
        <div class="flex-c jc-sb name-ct">
          <div>关于我们</div>
          <!-- <div>11</div> -->
        </div>
        <div class="img-ct">
          <img src="/static/images/arr-right.png" class="arr-right">
        </div>
      </div>
    </div>
    <div class="block-ct">
      <div class="flex-c jc-sb item-ct">
        <div class="flex-c jc-sb name-ct">
          <div>联系我们</div>
          <!-- <div>11</div> -->
        </div>
        <div class="img-ct">
          <img src="/static/images/arr-right.png" class="arr-right">
        </div>
      </div>
    </div>
    <div class="block-ct">
      <div class="flex-c jc-sb item-ct">
        <div class="flex-c jc-sb name-ct">
          <div>社保服务合同</div>
          <!-- <div>11</div> -->
        </div>
        <div class="img-ct">
          <img src="/static/images/arr-right.png" class="arr-right">
        </div>
      </div>
    </div>
    <commonFooter></commonFooter>
  </div>
</template>

<script>
// import md5 from 'js-md5'
import captchaButton from '@/components/common/captcha-button.vue'
import commonFooter from '@/components/common/commonFooter'
import sowingMap from '@/components/common/sowingMap'
import { mixinParams } from '@/vmixin/vmixin'

export default {
  data () {
    return {
      selectedIndex: 1,
      smsCode: '', // 验证码
      pswd: '', // 密码
      imgValCode: '', // 图片验证码
      currentVal: '',
      memberPhone: ''
    }
  },
  created () {},
  mounted () {},
  filters: {
    // moneyFilter(){
    //     return "33"
    // }
  },
  mixins: [mixinParams],
  components: {
    sowingMap,
    captchaButton,
    commonFooter
  },

  computed: {
    // 将获取的数据按照A-Z字母开头排序
    sortgroupcity () {
      let sortobj = {}
      return sortobj
    }
  },
  methods: {
    navToHello () {
      this.navTo('/hello')
    },
    fGetCaptcha (status) {
      if (!status) {
        return false
      }
    },
    /**
     * 导航到我们
     */
    navToUs () {
      this.navTo('/msglist')
    }
  }
}
</script>

<style lang="scss" scoped>
@import "@/style/mixin";
.logo-ct {
  padding: cmSize(120);
   border-bottom: 1px solid #eeeeee;
  .logo-img {
    width: cmSize(360);
    height: cmSize(360);
  }
  .top-title {
    text-align: justify;
    text-align-last: justify;
    padding: cmSize(60) 0;
    width: cmSize(520);
    margin: 0 auto;
    font-weight: bold;
    font-size: cmSize(50);
  }

}

.block-ct {
  padding: 0 cmSize(60);
  background: #ffffff;
  border-bottom: 1px solid #eeeeee;
}
.arr-right {
  width: cmSize(40);
  height: cmSize(40);
}
.item-ct {
  height: cmSize(150);
}
.name-ct {
  height: cmSize(150);
  flex: 1 1 3rem;
}
</style>
